<template>
<div class="section" :style="{'height':offsetheight+'px'}">
<div class="a" :style="{'width':offsetwidth+'px', 'height':offsetheight+'px'}">


	<img :src="imgsrc" 
	:style="{'height':offsetheight+'px', 'transform': 'translate3d(-' + offsetX + 'px, 0px, 0px)'}"  >


	<!-- <div class="a1"
	:style="{'top' : 20 + 'px', 'left' : 20 + 'px'}"
	>
	    <el-radio-group v-model="what">
	      <el-radio-button v-if="$route.query.what == 'jiamengzhichi'" 
	      label="jiamengzhichi">加盟支持</el-radio-button>
	      <el-radio-button v-if="$route.query.what == 'jiamengzhichi'" 
	      label="jiamengliucheng">加盟流程</el-radio-button>
	      <el-radio-button v-if="$route.query.what == 'hezuoyaoqiu'" 
	      label="hezuoyaoqiu">合作要求</el-radio-button>
	      <el-radio-button v-if="$route.query.what == 'hezuoyaoqiu'" 
	      label="hezuofeiyong">合作费用</el-radio-button>
	    </el-radio-group>
	</div> -->
	
</div>

</div>
</template>

<script>

import { mapGetters } from 'vuex'

export default {
	
	name : 'cuanyuezhaoshangjiameng',
	
	data () {
		return {
		  	what : this.$route.query.what,

		  	offsetheight : document.documentElement.clientHeight - 60,    //获取当前页面的高度
			offsetwidth : document.documentElement.clientWidth,    //获取当前页面的高度

			imgWidth : 1400,
			imgHeight : 500,

		}
	},

	props : {

	},

	components : {
		
	},

	computed : {
		...mapGetters([
			
		]),

		imgsrc () {
			return 'https://img.hidlq.com/image/cuanyue/' + this.what + '.png';
		},

		bili () {
			return this.offsetheight / this.imgHeight;
		},

		offsetX () {
			return (this.imgWidth * this.bili - this.offsetwidth) * 0.5;
		},
	},

	methods : {
		
	},

	watch : {
	    
	},

	mounted () {
		
	},

}
</script>

<style scoped>
.section{
	overflow: hidden;
}
.a {
	position: relative;
}
.a1 {
	position: absolute;
	animation-delay: 1s;
	animation-duration: 1s;
}
</style>
